<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
    <title>用户中心 - 赋值科技</title>
    <meta charset="utf-8">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="css/ui-box.css">
    <link rel="stylesheet" href="css/ui-base.css">
    <link rel="stylesheet" href="css/ui-color.css">
    <link rel="stylesheet" href="css/appcan.icon.css">
    <link rel="stylesheet" href="css/appcan.control.css">
    <link rel="stylesheet" href="user_center/css/user_center.css">
</head>
<body class="" ontouchstart>
    <div class="bc-bg" tabindex="0" data-control="PAGE" id="Page">
        <!-- 头部 -->
        <div class="uh bc-head  ubb bc-border" data-control="HEADER" id="Header">
            <div class="ub">
                <div class="nav-btn" id="nav-left">
                    <div class="fa fa-angle-left fa-2x"></div>
                </div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">用户中心</h1>
                <div class="nav-btn nav-bt" id="nav-right">
                </div>
            </div>
        </div>
        
        <!-- 内容区域 -->
        <div class="ub ub-ver" data-control="CONTENT" id="ScrollContent">
            <div class="scrollbox">
                <!-- 未登录状态 -->
                <div id="login-section" class="ub ub-ver ub-ac ub-pc">
                    <!-- 未登录头像 -->
                    <div class="user-avatar-large">
                        <i class="fa fa-user"></i>
                    </div>
                    <div class="umar-t ulev-1 t-gra">请登录以享受完整功能</div>
                    
                    <!-- 登录表单 -->
                    <div class="login-form ub ub-ver umar-t">
                        <div class="ub ub-ac ubb uinn">
                            <div class="fa fa-user"></div>
                            <input type="text" id="username" placeholder="请输入用户名" class="ub-f1"/>
                        </div>
                        <div class="ub ub-ac ubb uinn">
                            <div class="fa fa-lock"></div>
                            <input type="password" id="password" placeholder="请输入密码" class="ub-f1"/>
                        </div>
                        <div class="btn ub ub-ac ub-pc bc-btn" onclick="doLogin()">
                            <div class="ub-f1 ut-s tx-c">
                                <i class="fa fa-sign-in" style="margin-right: 8px;"></i>登录
                            </div>
                        </div>
                        <div class="btn ub ub-ac ub-pc bc-btn-sub" onclick="doRegister()">
                            <div class="ub-f1 ut-s tx-c">
                                <i class="fa fa-user-plus" style="margin-right: 8px;"></i>注册新账号
                            </div>
                        </div>
                    </div>
                    
                    <!-- 登录提示 -->
                    <div class="umar-t ulev--1 t-gra tx-c" style="max-width: 320px; line-height: 1.6;">
                        登录后即可享受个性化推荐、收藏文章、发表评论等更多功能
                    </div>
                </div>
                
                <!-- 已登录状态 -->
                <div id="user-info-section" class="ub ub-ver uhide">
                    <!-- 用户信息 -->
                    <div class="user-header ub ub-ver ub-ac ub-pc">
                        <!-- 已登录头像 -->
                        <div class="user-avatar-large" onclick="takePhoto()">
                            <i class="fa fa-user"></i>
                            <img id="user-avatar" src="" class="user-avatar-img uhide"/>
                            <div class="avatar-camera">
                                <i class="fa fa-camera"></i>
                            </div>
                        </div>
                        <div class="ulev-2 ut-s" id="user-name">用户名</div>
                        <div class="ulev--1 umar-t-s" style="color: rgba(255,255,255,0.8);">点击头像拍照更新</div>
                    </div>
                    
                    <!-- 功能菜单 -->
                    <div class="ub ub-ver">
                        <div class="ubb ub ub-ac uinn menu-item" onclick="openMyNews()">
                            <div class="fa fa-heart umar-r"></div>
                            <div class="ub-f1">
                                <div class="ulev-2">我的收藏</div>
                                <div class="ulev--1 t-gra">查看收藏的文章</div>
                            </div>
                            <div class="fa fa-angle-right t-gra"></div>
                        </div>
                        <div class="ubb ub ub-ac uinn menu-item" onclick="openMyComments()">
                            <div class="fa fa-comments umar-r"></div>
                            <div class="ub-f1">
                                <div class="ulev-2">我的评论</div>
                                <div class="ulev--1 t-gra">管理评论记录</div>
                            </div>
                            <div class="fa fa-angle-right t-gra"></div>
                        </div>
                        <div class="ubb ub ub-ac uinn menu-item" onclick="openSettings()">
                            <div class="fa fa-cog umar-r"></div>
                            <div class="ub-f1">
                                <div class="ulev-2">设置</div>
                                <div class="ulev--1 t-gra">个人偏好设置</div>
                            </div>
                            <div class="fa fa-angle-right t-gra"></div>
                        </div>
                        <div class="ubb ub ub-ac uinn menu-item" onclick="openAbout()">
                            <div class="fa fa-info-circle umar-r"></div>
                            <div class="ub-f1">
                                <div class="ulev-2">关于我们</div>
                                <div class="ulev--1 t-gra">了解更多信息</div>
                            </div>
                            <div class="fa fa-angle-right t-gra"></div>
                        </div>
                    </div>
                    
                    <!-- 退出登录按钮 -->
                    <div class="btn ub ub-ac ub-pc umar-t bc-btn-warn" onclick="doLogout()">
                        <div class="ub-f1 ut-s tx-c">
                            <i class="fa fa-sign-out" style="margin-right: 8px;"></i>退出登录
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="js/appcan.js"></script>
    <script src="js/appcan.control.js"></script>
    <script src="js/appcan.scrollbox.js"></script>
    <script src="js/user_center.js"></script>
</body>
</html> 